<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <!-- script src="../env.js" type="text/javascript"></script-->
    <script src="testErrorBreakpoints.js" type="text/javascript"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <script>
    function causeError() {
        // cause an error message to show up in console
        foo.bar += 'baz';
    }
    </script>
</head>
<body>
<h1>Test for Error Breakpoints</h1>

<ol>
<li>Enable Firebug and reload this page.</li>
<li>Use this button to create an error <button id="testButton" onclick="causeError()">Execute Test</button></li>
<li>You should see one error displayed in Firefox status bar.</li>
<li>Open Firebug, select the Console panel.</li>
<li>Create error breakpoint by clicking on the gray circle close to the error message.<br/>
Just before: <code style="color:green">foo.bar += 'baz';</code></li>
<li>Reload this page again.</li>
<li>The debugger should stop at the line causing the error.</li>
</ol>

</body>
</html>